@charset "utf-8";
/* CSS Document */

body{
	margin:0em;
	padding:0em;
	background-image:url(images/body_bg.png);
}

h3{
	padding-left: 1%;
	margin-bottom: 0em;
}

h2{
	padding-left: 2%;
	margin-bottom: 0em;
}


#hrdiv {
	height: 0em;
	margin: 0em 20px 0px 0px;
	border-top: 1px solid #999;
	width: 40%;
	float:right;
}


.blackSpace{
	height:15px;
	background-color:#333;
}

#logo{
	float:left;
	margin-left: -60px;
}

#menu{
	
	height:25px;
	text-align:right;
	color:black;
	background-color: #333;
	padding-right:15px;
	padding-top: 10px;
}

#underline{

	height:0.2em;
	text-align:right;
	color:darkgray;
	background-color: #08c;
	clear:both;
}

#logreg{
	background-color:#333;
	text-align:right;
	padding-top:0em;
	padding-bottom:0.3em;
	padding-right:0.5em;

}

#logreg ul{
	list-style-type:none;
	margin:0em;
	padding:0em;
	font-family:"Myriad Pro", Arial, sans-serif;
	padding-top:0em;
	
}

#logreg li{
	display:inline;
	padding-left:0.3em;
	padding-right:0.3em;
}

#logreg li a{
	text-decoration:none;
	color:#999;
	font-weight: bold;
	font-size: 0.9em;
	font-family:sans-serif;
	
}

#logreg li span{
	color:#08c;
	font-weight: bold;
	font-size: 0.9em;
	font-family:sans-serif;
	
}

#logreg a:hover{
	color: white;
}

#menu ul{
	list-style-type:none;
	margin:0em;
	padding:0em;
	font-family:"Myriad Pro", Arial, sans-serif;
	padding-top:0.3em;
	font-size:1em;
	
}

#menu li{
	display:inline;
	padding-left:0.3em;
	padding-right:0.3em;
	
}

#menu li a{
	text-decoration:none;
	color:#999;
	font-weight: bold;
	font-size: 0.9em;
	font-family:sans-serif;
}


#menu a:hover{
	color: #ffffff;
}


/*	footer	*/ 

#footer {
	padding-top: 20px;
	clear: both;
}

#footerLine{
	margin: 0 auto;
	width:80%;
}

#footerLine {
	
	color:#999999;
	font-family:"Myriad Pro", Arial, sans-serif;
	font-size:12px;
	text-align:center;
	padding-top:3px;
	padding-bottom:3px;
	
}

#copyright{
	color:#999999;
	font-family:"Myriad Pro", Arial, sans-serif;
	font-size:12px;
	text-align:center;
	padding-top:3px;
	padding-bottom:3px;
}


/*	content box	*/

#central{
	padding:0em;
	width:90%;
	margin:0em auto;
}

.shadowbox {
	-moz-box-shadow: 2px 2px 3px #000;
	-webkit-box-shadow: 2px 2px 3px #000;
	box-shadow: 2px 2px 3px #000;
	border-style:solid;
	border-color:#08c;
	border-width:2px;
	margin:0.4em;
	margin-bottom:0em;
	background-image:url(images/content_bg.png);
	padding:0em 0em 0em 1.1em;
}

div.hr {
	height: 0.05em;
	margin: 0.1em auto;
	border-top: 1px solid #999;
	width: 90%;
}

#divMainIndex {
	      float:left;
	      width: 30%;
}
#divMainIndex ul {  
	list-style-type:none;
	padding-left:1%;
	
}

#divMainIndex a {  
	text-decoration:none;
	color: #666;
	font-weight: normal;
	font-size: 0.9em;
	font-family:sans-serif;
}

#divMainIndex a:hover { 
	text-decoration: underline;
	color: #666;
}

#divIndex ul {
	list-style-type:none;
	padding-left:1%;  
}

#divIndex a {
	text-decoration:none;
	color: #666;
	font-weight: normal;
	font-size: 0.9em;
	font-family:sans-serif;
} 

#divIndex a:hover { 
	text-decoration: underline;
	color: #666;
}

#divLogin {
	float: none; 
	height:250px; 
	width:300px; 
	position:absolute;
	top:94px;
	right:140px;
	border-style:solid;	
	border-color:#08c;
	border-width:5px;
	margin:auto;
	border-top:none;
	background-color:#333;
  }
  
  #divLogin h3 {
	padding-left: 7%;
	margin-bottom: 0em;
	color:#999;
	font-weight: bold;
	font-size: 0.9em;
  }
  
  #divLogin input {
	margin-left: 7%;
	margin-top: 2%;
	margin-bottom: 2%;
  }


  #divLogout {
	float: none; 
	height:60px; 
	width:70px; 
	position:absolute;
	top:94px;
	right:15px;
	border-style:solid;	
	border-color:#08c;
	border-width:5px;
	margin:auto;
	border-top:none;
	background-color:#333;
  }